<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
		<title>Mowasalat - Logistics and Transports Website Template</title>
		<!-- All Stylesheets -->
		<link href="css/all-stylesheets.css" rel="stylesheet">
		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
		<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
		<![endif]-->
	</head>
	<body class="blue-bg">
		<!-- PRELOADER STARTS
			========================================================================= --> 
		<div id="preloader">
			<div id="status">
				<div class="spinner"></div>
			</div>
		</div>
		<!-- /. PRELOADER ENDS
			========================================================================= -->		
		<!-- NAVIGATION STARTS
			========================================================================= -->
		<!-- LOGO STARTS  -->
		<a class="logo-overlay hidden-xs" href="#"><img src="images/logo/logo-02.png" alt=""></a>
		<!-- /. LOGO ENDS  -->
		<!-- TOP RIGHT MENU ICON STARTS  -->
		<a id="trigger-overlay"><span>Open Overlay</span></a>
		<!-- /. TOP RIGHT MENU ICON ENDS  -->    
		<div class="overlay overlay-genie" data-steps="m 701.56545,809.01175 35.16718,0 0,19.68384 -35.16718,0 z;m 698.9986,728.03569 41.23353,0 -3.41953,77.8735 -34.98557,0 z;m 687.08153,513.78234 53.1506,0 C 738.0505,683.9161 737.86917,503.34193 737.27015,806 l -35.90067,0 c -7.82727,-276.34892 -2.06916,-72.79261 -14.28795,-292.21766 z;m 403.87105,257.94772 566.31246,2.93091 C 923.38284,513.78233 738.73561,372.23931 737.27015,806 l -35.90067,0 C 701.32034,404.49318 455.17312,480.07689 403.87105,257.94772 z;M 51.871052,165.94772 1362.1835,168.87863 C 1171.3828,653.78233 738.73561,372.23931 737.27015,806 l -35.90067,0 C 701.32034,404.49318 31.173122,513.78234 51.871052,165.94772 z;m 52,26 1364,4 c -12.8007,666.9037 -273.2644,483.78234 -322.7299,776 l -633.90062,0 C 359.32034,432.49318 -6.6979288,733.83462 52,26 z;m 0,0 1439.999975,0 0,805.99999 -1439.999975,0 z">
			<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1440 806" preserveAspectRatio="none">
				<path class="overlay-path" d="m 701.56545,809.01175 35.16718,0 0,19.68384 -35.16718,0 z"/>
			</svg>
			<button type="button" class="overlay-close overlay-close-btn">Close</button>   
			<nav>
				<ul>
					<li><a href="index-01.html" class="overlay-close-btn">Home</a></li>
					<li><a href="about-us-01.html" class="overlay-close-btn">Company</a></li>
					<li><a href="services.html" class="overlay-close-btn">Services</a></li>
					<li><a href="blog-grid.html" class="overlay-close-btn">Press</a></li>
					<li><a href="blog.html" class="overlay-close-btn">Blog</a></li>
					<li><a href="shop.html" class="overlay-close-btn">Store</a></li>
					<li><a href="contact.html" class="overlay-close-btn">Contact</a></li>
				</ul>
			</nav>
		</div>
		<!-- /. NAVIGATION ENDS
			========================================================================= -->
		<!-- VERTICAL IMAGES STARTS
			========================================================================= -->		
		<ul class="vertical-images">
			<li>
				<div class="bg"></div>
				<div class="overlay1">
					<div class="icons">
						<div>
							<div class="icon"><span class="icon-airplane2"></span></div>
							<h1>Air Freight</h1>
							<div class="line"></div>
							<div class="button"><a href="" class="no-fill-white">Learn More</a></div>
						</div>
					</div>
				</div>
			</li>
			<li>
				<div class="bg"></div>
				<div class="overlay1">
					<div class="icons">
						<div>
							<div class="icon"><span class="icon-truck22"></span></div>
							<h1>Land Transport</h1>
							<div class="line"></div>
							<div class="button"><a href="" class="no-fill-white">Learn More</a></div>
						</div>
					</div>
				</div>
			</li>
			<li>
				<div class="bg"></div>
				<div class="overlay1">
					<div class="icons">
						<div>
							<div class="icon"><span class="icon-ship"></span></div>
							<h1>Sea Freight</h1>
							<div class="line"></div>
							<div class="button"><a href="" class="no-fill-white">Learn More</a></div>
						</div>
					</div>
				</div>
			</li>
			<li>
				<div class="bg"></div>
				<div class="overlay1">
					<div class="icons">
						<div>
							<div class="icon"><span class="icon-warehouse"></span></div>
							<h1>Warehousing</h1>
							<div class="line"></div>
							<div class="button"><a href="" class="no-fill-white">Learn More</a></div>
						</div>
					</div>
				</div>
			</li>
		</ul>
		<!-- /. VERTICAL IMAGES ENDS
			========================================================================= -->
		<!-- FOOTER STARTS
			========================================================================= -->
		<footer class="hidden-xs">
			<div class="container-fluid white-row">
				<div class="row">
					<div class="col-lg-6 copyright">
						© 2016 Mowasalat <span class="hidden-xs">-</span> <br class="visible-xs">Powered By <a href="">Mohamed Arafa</a>
					</div>
					<div class="col-lg-6">
						<ul class="social-icons">
							<li><a href="#"><i class="fa fa-facebook"></i></a></li>
							<li><a href="#"><i class="fa fa-twitter"></i></a></li>
							<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
							<li><a href="#"><i class="fa fa-behance" aria-hidden="true"></i></a></li>
						</ul>
					</div>
				</div>
			</div>
		</footer>
		<!-- /. FOOTER ENDS
			========================================================================= -->		
		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
		<script src="js/jquery-1.11.3/jquery.min.js"></script>
		<!-- Include all compiled plugins (below), or include individual files as needed -->
		<script src="js/bootstrap.min.js"></script>
		<!-- MENU -->       
		<script src="js/overlay-menu/js/snap.svg-min.js"></script>
		<script src="js/overlay-menu/js/modernizr.custom.js"></script>
		<script src="js/overlay-menu/js/classie.js"></script>
		<script src="js/overlay-menu/js/overlay-main.js"></script>
		<!-- REVOLUTION JS FILES -->
		<script type="text/javascript" src="revolution/js/jquery.themepunch.tools.min.js"></script>
		<script type="text/javascript" src="revolution/js/jquery.themepunch.revolution.min.js"></script>
		<!-- SLIDER REVOLUTION 5.0 EXTENSIONS  
			(Load Extensions only on Local File Systems !  
			The following part can be removed on Server for On Demand Loading) -->	
		<script type="text/javascript" src="revolution/js/extensions/revolution.extension.actions.min.js"></script>
		<script type="text/javascript" src="revolution/js/extensions/revolution.extension.carousel.min.js"></script>
		<script type="text/javascript" src="revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
		<script type="text/javascript" src="revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
		<script type="text/javascript" src="revolution/js/extensions/revolution.extension.migration.min.js"></script>
		<script type="text/javascript" src="revolution/js/extensions/revolution.extension.navigation.min.js"></script>
		<script type="text/javascript" src="revolution/js/extensions/revolution.extension.parallax.min.js"></script>
		<script type="text/javascript" src="revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
		<script type="text/javascript" src="revolution/js/extensions/revolution.extension.video.min.js"></script>
		<script type="text/javascript">
			var tpj = jQuery;
			
			var revapi204;
			tpj(document).ready(function() {
			    if (tpj("#rev_slider_204_1").revolution == undefined) {
			        revslider_showDoubleJqueryError("#rev_slider_204_1");
			    } else {
			        revapi204 = tpj("#rev_slider_204_1").show().revolution({
			            sliderType: "standard",
			            jsFileLocation:"revolution/js/",
			            sliderLayout:"fullwidth",
			            dottedOverlay: "none",
			            delay: 9000,
			            navigation: {
			                keyboardNavigation: "off",
			                keyboard_direction: "horizontal",
			                mouseScrollNavigation: "off",
			                onHoverStop: "off",
			                touch: {
			                    touchenabled: "on",
			                    swipe_threshold: 75,
			                    swipe_min_touches: 1,
			                    swipe_direction: "horizontal",
			                    drag_block_vertical: false
			                },
			                arrows: {
										style:"zeus",
										enable:true,
										hide_onmobile:false,
										hide_under:600,
										hide_onleave:true,
										hide_delay:200,
										hide_delay_mobile:1200,
										tmp:'<div class="tp-title-wrap">  	<div class="tp-arr-imgholder"></div> </div>',
										left: {
											h_align:"left",
											v_align:"center",
											h_offset:30,
											v_offset:0
										},
										right: {
											h_align:"right",
											v_align:"center",
											h_offset:30,
											v_offset:0
										}
									}
									,
									bullets: {
										enable:true,
										hide_onmobile:true,
										hide_under:600,
										style:"metis",
										hide_onleave:true,
										hide_delay:200,
										hide_delay_mobile:1200,
										direction:"horizontal",
										h_align:"center",
										v_align:"bottom",
										h_offset:0,
										v_offset:30,
										space:5,
										tmp:'<span class="tp-bullet-img-wrap">  <span class="tp-bullet-image"></span></span><span class="tp-bullet-title">{{title}}</span>'
									}
			            },
			            viewPort: {
			                enable: true,
			                outof: "pause",
			                visible_area: "80%"
			            },
			            responsiveLevels: [1240, 1024, 778, 480],
			            visibilityLevels: [1240, 1024, 778, 480],
			            gridwidth: [1240, 1024, 778, 480],
			            gridheight: [700, 650, 600, 500],
			            lazyType: "none",
			            parallax: {
			                type: "mouse",
			                origo: "slidercenter",
			                speed: 2000,
			                levels: [2, 3, 4, 5, 6, 7, 12, 16, 10, 50, 46, 47, 48, 49, 50, 55],
			                type: "mouse",
			            },
			            shadow: 0,
			            spinner: "off",
			            stopLoop: "off",
			            stopAfterLoops: -1,
			            stopAtSlide: -1,
			            shuffle: "off",
			            autoHeight: "off",
			            hideThumbsOnMobile: "on",
			            hideSliderAtLimit: 0,
			            hideCaptionAtLimit: 0,
			            hideAllCaptionAtLilmit: 0,
			            debugMode: false,
			            fallbacks: {
			                simplifyAll: "off",
			                nextSlideOnWindowFocus: "off",
			                disableFocusListener: false,
			            }
			        });
			    }
			}); /*ready*/
		</script>
		<!-- Parallax -->
		<script type="text/javascript" src="js/parallax/jquery.parallax-1.1.3.js"></script> 
		<script type="text/javascript" src="js/parallax/jquery.localscroll-1.2.7-min.js"></script> 
		<script type="text/javascript" src="js/parallax/jquery.scrollTo-1.4.2-min.js"></script>
		<!-- Retina --> 
		<script type="text/javascript" src="js/retina/retina.js"></script> 
		<!-- Owl Carousel --> 
		<script type="text/javascript" src="js/owl-carousel/owl.carousel.js"></script>
		<!-- FitVids --> 
		<script type="text/javascript" src="js/fitvids/jquery.fitvids.js"></script>
		<!-- Magnific Popup core JS file -->
		<script type="text/javascript" src="js/magnific-popup/jquery.magnific-popup.js"></script>
		<!-- Counter Up --> 
		<script src="http://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script>		
		<script src="js/jquery.counterup.min.js"></script>
		<!-- Custom JS -->
		<script src="js/custom/custom.js"></script>
	</body>
</html>